Contrast Audit

Contrast Audit Quiz

This exercise can be found in the folder lesson6-styling/03-contrast-audit within this course's GitHub Repository.

Using the Accessibility Audit in the Lighthouse Audits panel in Chrome DevTools or the
aXe extension by Deque Systems, audit the page and fix any contrast issues you find. You'll need to update styles in the blog.css file.

Feel free to use the workspace below to complete this exercise as well!

Workspace

This section contains either a workspace (it can be a Jupyter Notebook workspace or an online code editor work space, etc.) and it cannot be automatically downloaded to be generated here. Please access the classroom with your account and manually download the workspace to your local machine. Note that for some courses, Udacity upload the workspace files onto https://github.com/udacity, so you may be able to download them there.

Workspace Information:

Default file path:
Workspace type: html-live
Opened files (when workspace is loaded): n/a

Solution

After completing the exercise, you are welcome to check your solution against that the code in the solution folder above. Here's how we did it:

Contrast Audit Solution

Next Concept